<div>
    <div class="tempBox " v-bind:class="{'margin-top':!perviewOn}">
        <!-- 上面部分 -->
        <div v-if="uploading" class="upload"> 正在上传</div>
        <!--第一部分-->
        <div class="banner1 rel">
            <div class="rel img_b">
                <img :src="obj.banner1" alt="" class="">
            </div>
            <div class="c_top">
                <div class="rel logo">
                    <img :src="obj.logoUrl" alt="">
                    <img-input :titile="'建议上传172*44的图片'" :name="'logoUrl'" :disabled="disabled"></img-input>
                </div>
                <textarea v-model="obj.title_logo" class="title_logo" maxlength="12" placeholder="相关的slogan" title="最多不超过12个字" :disabled="disabled"></textarea>
            </div>
            <div class="tip_middle">
                <textarea v-model="obj.title_big" class="title_big" maxlength="14" placeholder="这是一个超级大的大标题" title="最多不超过14个字" :disabled="disabled"></textarea>
                <textarea v-model="obj.title_tip" class="title_tip" maxlength="24" placeholder="住在大宁公园旁的洋房你发现了什么的繁华盛世" title="最多不超过24个字" :disabled="disabled"></textarea>
            </div>
        </div>
        <!--第一部分-->
        <!--第2部分-->
        <div class="banner2 rel">
            <div class="c_top">
                <div class="rel logo">
                    <img :src="obj.logoUrl2" alt="">
                    <img-input :titile="'建议上传172*44的图片'" :name="'logoUrl2'" :disabled="disabled"></img-input>
                </div>
                <textarea v-model="obj.title_logo2" class="title_logo2" maxlength="12" placeholder="相关的slogan" title="最多不超过12个字" :disabled="disabled"></textarea>
            </div>
            <div class="rel roll">
                <!--<img :src="obj.picUrl3" alt="" class="pic3">-->

                <el-carousel height="530px" width="454px" class="pic1">
                    <el-carousel-item v-for="item in obj.imageFile1" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:530px;width:454px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile1'" :multiple="true" :titile="'建议上传454*530的图片'"></img-input>

            </div>
            <div class="bg_title">
                <textarea v-model="obj.bg_title" maxlength="6" placeholder="方寸格局66" title="最多不超过6个字" :disabled="disabled" :style="`background: url(${serverUrl}Path1.png) bottom  left no-repeat/85px 330px, url(${serverUrl}Path2.png) top  right no-repeat/85px 330px;`"></textarea>
            </div>
            <div class="tip_middle">
                <textarea v-model="obj.title1" class="title1" maxlength="45" placeholder="暗示着有人恼春，于是有个人物忽悠地闪了一下，桃红“醉依在封姨的臂弯里”。" title="最多不超过45个字" :disabled="disabled"></textarea>
                <textarea v-model="obj.title2" class="title2" maxlength="16" placeholder="这是小介绍 即将开盘   敬请期待" title="最多不超过16个字" :disabled="disabled"></textarea>
            </div>
            <div class="tel">
                <textarea v-model="obj.tel1" class="tel_" :style="`background: url(${serverUrl}tel.png) center left no-repeat/55px 44px`" placeholder="021-4566-6666" title="请勿超过一行" :disabled="disabled"></textarea>
                <textarea v-model="obj.tel_title" class="tel_title" placeholder="静安大宁德必易园" title="请勿超过一行" :disabled="disabled"></textarea>
            </div>
        </div>
        <!--第2部分-->
        <!--第3部分-->
        <div class="banner3 rel">
            <div class="c_top">
                <div class="rel logo">
                    <img :src="obj.logoUrl3" alt="">
                    <img-input :titile="'建议上传172*44的图片'" :name="'logoUrl3'" :disabled="disabled"></img-input>
                </div>
                <textarea v-model="obj.title_logo3" class="title_logo2" maxlength="12" placeholder="相关的slogan" title="最多不超过12个字" :disabled="disabled"></textarea>
            </div>
            <div class="rel roll">
                <!--<img :src="obj.picUrl3" alt="" class="pic3">-->

                <el-carousel height="530px" width="454px" class="pic1">
                    <el-carousel-item v-for="item in obj.imageFile2" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:530px;width:454px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile2'" :multiple="true" :titile="'建议上传454*530的图片'"></img-input>

            </div>
            <div class="bg_title">
                <textarea v-model="obj.bg_title2" maxlength="6" placeholder="方寸格局66" title="最多不超过6个字" :disabled="disabled" :style="`background: url(${serverUrl}Path1.png) bottom  left no-repeat/85px 330px, url(${serverUrl}Path2.png) top  right no-repeat/85px 330px;`"></textarea>
            </div>
            <div class="tip_middle">
                <textarea v-model="obj.title3" class="title1" maxlength="45" placeholder="暗示着有人恼春，于是有个人物忽悠地闪了一下，桃红“醉依在封姨的臂弯里”。" title="最多不超过45个字" :disabled="disabled"></textarea>
                <textarea v-model="obj.title4" class="title2" maxlength="16" placeholder="这是小介绍 即将开盘   敬请期待" title="最多不超过16个字" :disabled="disabled"></textarea>
            </div>
            <div class="tel">
                <textarea v-model="obj.tel2" class="tel_" :style="`background: url(${serverUrl}tel.png) center left no-repeat/55px 44px`" placeholder="021-4566-6666" title="请勿超过一行" :disabled="disabled"></textarea>
                <textarea v-model="obj.tel_title2" class="tel_title" placeholder="静安大宁德必易园" title="请勿超过一行" :disabled="disabled"></textarea>
            </div>
        </div>
        <!--第3部分-->
        <!--第4部分-->
        <div class="banner2 rel">
            <div class="c_top">
                <div class="rel logo">
                    <img :src="obj.logoUrl4" alt="">
                    <img-input :titile="'建议上传172*44的图片'" :name="'logoUrl4'" :disabled="disabled"></img-input>
                </div>
                <textarea v-model="obj.title_logo4" class="title_logo2" maxlength="12" placeholder="相关的slogan" title="最多不超过12个字" :disabled="disabled"></textarea>
            </div>
            <div class="rel roll">
                <!--<img :src="obj.picUrl3" alt="" class="pic3">-->

                <el-carousel height="530px" width="454px" class="pic1">
                    <el-carousel-item v-for="item in obj.imageFile3" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:530px;width:454px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile3'" :multiple="true" :titile="'建议上传454*530的图片'"></img-input>

            </div>
            <div class="bg_title">
                <textarea v-model="obj.bg_title3" maxlength="6" placeholder="方寸格局66" title="最多不超过6个字" :disabled="disabled" :style="`background: url(${serverUrl}Path1.png) bottom  left no-repeat/85px 330px, url(${serverUrl}Path2.png) top  right no-repeat/85px 330px;`"></textarea>
            </div>
            <div class="tip_middle">
                <textarea v-model="obj.title5" class="title1" maxlength="45" placeholder="暗示着有人恼春，于是有个人物忽悠地闪了一下，桃红“醉依在封姨的臂弯里”。" title="最多不超过45个字" :disabled="disabled"></textarea>
                <textarea v-model="obj.title6" class="title2" maxlength="16" placeholder="这是小介绍 即将开盘   敬请期待" title="最多不超过16个字" :disabled="disabled"></textarea>
            </div>
            <div class="tel">
                <textarea v-model="obj.tel3" class="tel_" :style="`background: url(${serverUrl}tel.png) center left no-repeat/55px 44px`" placeholder="021-4566-6666" title="请勿超过一行" :disabled="disabled"></textarea>
                <textarea v-model="obj.tel_title3" class="tel_title" placeholder="静安大宁德必易园" title="请勿超过一行" :disabled="disabled"></textarea>
            </div>
        </div>
        <!--第4部分-->
        <!--第5部分-->
        <div class="banner3 rel">
            <div class="c_top">
                <div class="rel logo">
                    <img :src="obj.logoUrl5" alt="">
                    <img-input :titile="'建议上传172*44的图片'" :name="'logoUrl5'" :disabled="disabled"></img-input>
                </div>
                <textarea v-model="obj.title_logo5" class="title_logo2" maxlength="12" placeholder="相关的slogan" title="最多不超过12个字" :disabled="disabled"></textarea>
            </div>
            <div class="rel roll">
                <!--<img :src="obj.picUrl3" alt="" class="pic3">-->

                <el-carousel height="530px" width="454px" class="pic1">
                    <el-carousel-item v-for="item in obj.imageFile4" :key="item">
                        <!-- <h3>{{ item }}</h3> -->
                        <img :src="item" style=" height:530px;width:454px">
                    </el-carousel-item>
                </el-carousel>
                <img-input :disabled="disabled" :name="'imageFile4'" :multiple="true" :titile="'建议上传454*530的图片'"></img-input>

            </div>
            <div class="bg_title">
                <textarea v-model="obj.bg_title4" maxlength="6" placeholder="方寸格局66" title="最多不超过6个字" :disabled="disabled" :style="`background: url(${serverUrl}Path1.png) bottom  left no-repeat/85px 330px, url(${serverUrl}Path2.png) top  right no-repeat/85px 330px;`"></textarea>
            </div>
            <div class="tip_middle">
                <textarea v-model="obj.title7" class="title1" maxlength="45" placeholder="暗示着有人恼春，于是有个人物忽悠地闪了一下，桃红“醉依在封姨的臂弯里”。" title="最多不超过45个字" :disabled="disabled"></textarea>
                <textarea v-model="obj.title8" class="title2" maxlength="16" placeholder="这是小介绍 即将开盘   敬请期待" title="最多不超过16个字" :disabled="disabled"></textarea>
            </div>
            <div class="tel">
                <textarea v-model="obj.tel4" class="tel_" :style="`background: url(${serverUrl}tel.png) center left no-repeat/55px 44px`" placeholder="021-4566-6666" title="请勿超过一行" :disabled="disabled"></textarea>
                <textarea v-model="obj.tel_title4" class="tel_title" placeholder="静安大宁德必易园" title="请勿超过一行" :disabled="disabled"></textarea>
            </div>
        </div>
        <!--第5部分-->
        <!--底部-->
        <div class="foot" :style="`background: url(http://skyforest.static.elab-plus.com/temp/template7/notedit.png) top  center no-repeat/750px 30px;padding-top:30px`" v-if="isshow">
            <img :src="`http://skyforest.static.elab-plus.com/temp/template7/mengban.png`" alt="">
        </div>
        <div class="foot" v-if="!isshow">
            <img :src="`http://skyforest.static.elab-plus.com/temp/template7/notmengcheng.png`" alt="">
        </div>
        <!--底部-->
    </div>
</div>
